<template>
  <div>
      <el-form :inline="true" :model="data" size="small" class="filter-form">
        <el-form-item label="订单号">
          <el-input v-model="data.uuid" clearable placeholder="请输入" />
        </el-form-item>
        <el-form-item label="手机号">
          <el-input v-model="data.feedPhone" clearable placeholder="请输入" />
        </el-form-item>
        <el-form-item>
          <el-button type="primary" icon="el-icon-search" @click="onSubmit">搜索</el-button>
          <el-button icon="el-icon-refresh" @click="onReset">重置</el-button>
        </el-form-item>
      </el-form>
    </div>
</template>

<script>
export default {
  props: {
    data: {
      type: Object,
      default() {
        return {
          uuid: null,
          feedPhone: undefined
        }
      }
    }
  },
  methods: {
    onSubmit() {
      this.$emit('search')
    },
    onReset() {
      this.$emit('reset')
    },
  },
};
</script>

<style lang="sass" scoped>
</style>